<html>
	<head>
    	<link type="text/css" rel="stylesheet" href="/style/youtour.css" />
    	<script type="text/javascript" src="/script/index.js"></script>
  	</head>

	<body>
		<hr>
		<h1>YouTour</h1>
		<hr>
		<h2>Tours for the public by the public</h2>
		<h3>Available tours:</hr>
		<form action="/loadTour" method="post">
			<table>
				<input type="hidden" name="tourId" value="">
				{% for t in tours %}
				<tr onmouseover="highlight(this, true)" onmouseout="highlight(this, false)" onclick="chooseTour('{{ t.tourId }}', document.forms[0])">
      				<td><b>{{ t.title }}</b></td><td>{{ t.description }}</td>
      			</tr>
	    		{% endfor %}
    		</table>
    	</form>
	</body>
</html>